<template>
	<div class="view">
        <div class="container">
        	<div class="user">
        		<div class="user-area g">
        			<p class="lv">会员等级：普通会员</p>
        			<div class="person">
        				<a href="个人信息.html">
	        				<img src="/static/images/user.png" style="width:1.8rem;height:1.8rem" alt="">
	        				<h3>小安</h3>
	        				<span>海通证券—营业部</span>
        				</a>
        			</div>
        		</div>
				<div class="user-menu box">
					<div class="cell">
						<div class="justify">我的订单</div>
						<div class="justify list">
							<a href="我的订单.html" >
								<img src="/static/images/order_dai.png" style="width:.5rem;height:.36rem" alt="">
								<p>待发货</p>
							</a>
							<!---   如果有新动态增加 red-point-tips 样式   -->
							<a href="我的订单.html" class="red-point-tips">
								<img src="/static/images/car2.png" style="width:.5rem;height:.36rem" alt="">
								<p>配送中</p>
							</a>
							<a href="我的订单.html">
								<img src="/static/images/done2.png" style="width:.5rem;height:.36rem" alt="">
								<p>已完成</p>
							</a>
						</div>
					</div>
				</div>
				<div class="user-link box">
					<div class="cell">
						<a href="" class="justify">
    						<img src="/static/images/money_bag.png" style="width:.46rem;height:.46rem;margin-right:.28rem" alt="">
    						<div class="flex-bd">钱包</div>
    						<div class="c666">可用余额：￥180</div>
    						<i class="arrow-right"></i>
    					</a>
    					<a href="" class="justify">
    						<img src="/static/images/bag.png" style="width:.46rem;height:.46rem;margin-right:.28rem" alt="">
    						<div class="flex-bd">卡券包</div>
    						<i class="arrow-right"></i>
    					</a>
    					<a href="" class="justify">
    						<img src="/static/images/add2.png" style="width:.46rem;height:.46rem;margin-right:.28rem" alt="">
    						<div class="flex-bd">收货地址管理</div>
    						<i class="arrow-right"></i>
    					</a>
    				</div>
				</div>
        	
				<div class="box">
	    			<div class="hot-up"></div>
	    			<div class="prod-list">
		        		<ul class="col-2">
		        			<li v-for="(item,index) in 6">
		        				<a href="">
		        					<img src="/static/images/p10.png" alt="">
		        					<div class="info">
			        					<p class="fz26">无印良品</p>
			        					<p class="fz24 gray">鱿鱼丝</p>
			        					<p class="fz28">￥23</p>
		        					</div>
		                            <div v-show="index==0" class="sale-tag">3折</div>
		        				</a>
		        			</li>
		        		</ul>
	        		</div>
        		</div>
        	</div>
        </div>      
		<router-view></router-view>
    </div>
</template>

<script>
	export default{
		name:'personal',
		data () {
			return {

			}
		}
	}
</script>

<style scoped>
	
</style>